<!DOCTYPE html>
<html lang="en">
  <head>
    <meta content="Baike" charset="utf-8" />
    <title>山大百科-注册</title>
	<link href="http://www.online.sdu.edu.cn/static/index/images/online.ico" rel="Shortcut Icon">
	<link href="http://www.online.sdu.edu.cn/static/index/images/online.ico" rel="Bookmark">
    <link rel="stylesheet" type="text/css" href="style/register.css" />
	<script type="text/javascript" src="js/utils.js"></script>
	<script type="text/javascript" src="js/register.js"></script>
  </head>
  <body>
    <header>
      <div>
      <span class="logo"><a href="index.html">山大百科</a></span> 
	  <span class="split"></span>
      <span class="welcome">注册成为山大百科用户</span>
	  </div>
    </header>
	<hr />
    <article>
		<div class="register_box">
			  <div class="user_inf">
				<div id="name-error" class="error" style="display:none">
				  用户名错误信息
				</div>
				  <div class="user_input">
					  <lable for="username">用户名:</lable>
					  <input type="text" name="username" placeholder="账户" id="username" />
				  </div>
				<div id="pass-error" class="error" style="display:none">
				  密码只能包括大小写英文字母、数字以及以下符号_()*.+-，且长度在8-20之间
				</div>
				  <div class="user_input">
					  <lable for="userpass">密码:</lable>
					  <input type="password" name="userpass" placeholder="密码" id="userpass" />
				  </div>
				<div  id="repeat-error" class="error" style="display:none">
				  密码不一致
				</div>
				  <div class="user_input">
					  <lable for="repeatpass">确认密码:</lable>
					  <input type="password" name="repeatpass" placeholder="再次输入密码" id="repeatpass" />
				  </div>
				<div id="email-error" class="error" style="display:none">
				  邮箱错误信息
				</div>
				  <div class="user_input">
					  <lable for="useremail">邮箱:</lable>
					  <input type="email" name="useremail" placeholder="邮箱" id="useremail" /> 
				  </div>
			  </div>
			  <input type="button" value="注册" class="button bt_register" id="register"/>
		 </div>
		<div class="onlinelogo">
			  <img src="pic/Register/onlineLogo.png"/>
		</div>
	</article>
	<aside>
		<div id="feedBack" class="feedBack" style="display:none;">注册失败！服务器错误
		</div>
	</aside>
  </body>
</html>
